<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <style>
        * {
            padding: 0;
            margin: 0;
        }

        #box {
            width: 100px;
            height: 100px;
            background-color: red;
            margin: 20px;
        }
    </style> -->

    <!-- href和src之间的区别? -->
    <link rel="stylesheet" href="../css/01.css">


    <!-- 引入外部JS -->
    <script src="../js/01.js"></script>
    <script src="../js/02.js"></script>
</head>

<body>


    <div id="box"></div>

    <!--     
        1. JS组成   
            ECMAScript5.0 => ES5 
            BOM
            DOM 

        2. JS三种引入方式
            a. 内部JS


        3. 变量声明方式(var)
         

     -->


</body>
<!-- 内部JS -->
<!-- <script>
    document.write("hello world");
</script> 
<script>
    var box = document.getElementById("box");
    console.log(box);
</script>
-->

</html>